---
title: Astro 사이트를 Kinsta 애플리케이션 호스팅에 배포
description: Kinsta 애플리케이션 호스팅을 통해 Astro 사이트를 웹에 배포하는 방법.
type: deploy
i18nReady: true
---

[Kinsta 애플리케이션 호스팅](https://kinsta.com/application-hosting/)을 사용하여 클라우드 호스팅에서 Astro 사이트를 호스팅할 수 있습니다.

## Astro 프로젝트 구성

### 정적 호스팅

:::tip[예시를 찾고 계시나요?]
[Astro용 공식 Kinsta 애플리케이션 호스팅 시작 프로젝트](https://github.com/kinsta/hello-world-astro)를 확인하세요!
:::

**Kinsta 애플리케이션 호스팅**에서 프로젝트를 호스팅하려면 다음을 수행해야 합니다.

- `package.json` 파일에 `name` 필드를 포함합니다. (이는 무엇이든 가능하며 배포에 영향을 미치지 않습니다.)
- `package.json` 파일에 `build` 스크립트를 포함합니다. (여러분의 Astro 프로젝트에는 이미 이 내용이 포함되어 있어야 합니다.)
- [`serve`](https://www.npmjs.com/package/serve) 패키지를 설치하고 `start` 스크립트를 `serve dist/`로 설정합니다.

`package.json` 파일에 필요한 줄은 다음과 같습니다.

```json title="package.json" {2,5,6} ins={12} "serv dist/"
{
  "name": "anything", // 이는 필수이지만 값은 중요하지 않습니다.
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}
```

### SSR

:::tip[예시를 찾고 계시나요?]
[Astro SSR의 공식 Kinsta 애플리케이션 호스팅 시작 프로젝트](https://github.com/kinsta/hello-world-astro-ssr)를 확인하세요!
:::

**Kinsta 애플리케이션 호스팅**에서 프로젝트를 호스팅하려면 다음을 수행해야 합니다.

- `package.json` 파일에 `name` 필드를 포함합니다. (이는 무엇이든 가능하며 배포에 영향을 미치지 않습니다.)
- `package.json` 파일에 `build` 스크립트를 포함합니다. (여러분의 Astro 프로젝트에는 이미 이 내용이 포함되어 있어야 합니다.)
- [`@astrojs/node`](https://www.npmjs.com/package/@astrojs/node) 패키지를 설치하고 `start` 스크립트를 `node ./dist/server/entry.mjs`로 설정합니다.
- `@astrojs/node` 및 `host: true`를 사용하도록 `astro.config.mjs` 파일을 설정합니다.

`package.json` 파일에 필요한 줄은 다음과 같습니다.

```json title="package.json" {2,5,6} ins={12} "node ./dist/server/entry.mjs"
{
  "name": "anything", // 이는 필수이지만 값은 중요하지 않습니다.
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}
```

`astro.config.mjs` 파일에 필요한 줄은 다음과 같습니다:

```js title="astro.config.mjs"
  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";

  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });
```

## 배포 방법

프로젝트의 GitHub 저장소가 연결되면 **MyKinsta 관리자 패널**에서 Kinsta 애플리케이션 호스팅에 대한 수동 배포를 트리거할 수 있습니다. 관리자 패널에서 자동 배포를 설정할 수도 있습니다.

### 새로운 Kinsta 애플리케이션 구성

1. [My Kinsta](https://my.kinsta.com/) 관리자 패널로 이동합니다.
2. **Applications** 탭으로 이동합니다.
3. GitHub 저장소를 연결합니다.
4. **Add service** > **Application** 버튼을 누릅니다.
5. 마법사 단계를 따릅니다.
6. 애플리케이션이 배포되었습니다.
